<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1, user-scalable=0, viewport-fit=cover">
		<!-- <meta name="viewport"		content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"> -->
		<script src="js/rem.js"></script>
		<link rel="stylesheet" type="text/css" href="css/base.css" />
		<link rel="stylesheet" type="text/css" href="css/swiper.css" />
		<link rel="stylesheet" type="text/css" href="css/common.css" />
		<link rel="stylesheet" type="text/css" href="css/index.css" />
	</head>
	<body>
		<div class="main">
			<div class="detail_box">
				<div class="detail_top">
					<div>2021-07-12 11:32:33</div>
					<div>阅读量：36489</div>
				</div>
				<div class="detail_swiper">
					  <div class="swiper-container">
					        <div class="swiper-wrapper">
					            <div class="swiper-slide">
									<img  src="img/xqbanner.png"/>
								</div>
								<div class="swiper-slide">
									<img  src="img/xqbanner.png"/>
								</div>
								<div class="swiper-slide">
									<img  src="img/xqbanner.png"/>
								</div>
					        
					        </div>
					        <!-- Add Pagination -->
					        <div class="swiper-pagination"></div>
					    </div>
				</div>
				<div class="detail_content">
						<p>为深入贯彻天河区疫情防控文件精神，进一步加强区域内疫情精准防控工作，快速有效阻拦疫情扩散，切实保障人民群众生命安全和身体健康近日，猎德社区居委会根据上级工作安排，在辖区内开展第二轮全员核酸大排查工作。居委即召开工作人员招募，来自猎德社区辖内各个单位在职党员、志愿者等100多人迅速响应，为此次核酸大排查工作建立强有力的后备保障。</p>
						<p>核酸大排查当天，来自各个单位的在职党员、志愿者们到岗就位。在核酸检测现场中，猎德社区党员突击队积极发挥在职党员战斗堡垒和先锋突击作用，全面动员在职党员、志愿者参加到核酸检测服务工作中。</p>
				</div>
				
				<div class="comment_box">
					<div class="comment_box_top">
						<img  src="img/pl.png"/>评论 5
					</div>
					
					<div class="comment_btn">
						<div class="comment_btn_l">
							<img  src="img/bi.png"/>
							写留言
						</div>
						<div class="comment_btn_r">
							<img  src="img/xl.png"/>
						</div>
						<!-- comment_fixed -->
						<!-- <div class=" comment_fixed" >
								<input  type="text" placeholder="说点什么..."/>
								<button type="button">
									发送
								</button>
							
						</div> -->
					</div>
					
					
					<div class="comment_list">
						<div class="comment_item">
							<div class="comment_view">
								<div class="comment_img">
										<img  src="img/tx.png"/>
								</div>
								<div class="comment_content">
									<div class="comment_info">
										<div class="comment_info_l">
												<div class="comment_name dan">
													活泼的小可爱
												</div>
												<div class="comment_ip">
													广东
												</div>
												<div class="comment_time">
													5小时前
												</div>
										</div>
										<div class="comment_info_r">
											53<img src="img/dz.png"/>
										</div>
									</div>
									<div class="comment_des">
										核酸大排查当天，来自各个单位的在职党员、志愿者们到岗就位。
									</div>
									
									<!-- 子评论 -->
									<div class="child_comment">
											<div class="comment_view">
												<div class="comment_img">
														<img  src="img/tx.png"/>
												</div>
												<div class="comment_content">
													<div class="comment_info">
														<div class="comment_info_l">
																<div class="comment_name dan">
																	活泼的小可爱
																</div>
																<div class="comment_auth">
																	作者
																</div>
																<div class="comment_time">
																	5小时前
																</div>
														</div>
														<div class="comment_info_r">
															53<img src="img/dz.png"/>
														</div>
													</div>
													<div class="comment_des">
														核酸大排查当天，来自各个单位的在职党员、志愿者们到岗就位。
													</div>
													
													
													
												</div>
												
											</div>
										
									</div>
									
								</div>
								
							</div>
							
						</div>
						
						
						<div class="comment_item">
							<div class="comment_view">
								<div class="comment_img">
										<img  src="img/tx.png"/>
								</div>
								<div class="comment_content">
									<div class="comment_info">
										<div class="comment_info_l">
												<div class="comment_name dan">
													活泼的小可爱
												</div>
												<div class="comment_ip">
													广东
												</div>
												<div class="comment_time">
													5小时前
												</div>
										</div>
										<div class="comment_info_r thumbs_up">
											53<img src="img/dzc.png"/>
										</div>
									</div>
									<div class="comment_des">
										核酸大排查当天，来自各个单位的在职党员、志愿者们到岗就位。
									</div>
								
									
								</div>
								
							</div>
							
						</div>
						
					</div>
					
					
					
					
					
				</div>
				
				
			</div>
			
			
		</div>
		
		<div class="ios_padding_bottom" style="background-color: #fff;"></div>
	<div class=" comment_fixed " >
			<div class="safeView">
				<input  type="text" placeholder="说点什么..."  />
				<button type="button">
					发送
				</button>
			</div>
		
	</div>
		
		
		
	</body>
	<script type="text/javascript" src="js/jquery.js"></script>
	<script type="text/javascript" src="js/swiper.js"></script>
	<script type="text/javascript" src="js/common.js"></script>
	<script type="text/javascript">
				 var swiper = new Swiper('.detail_swiper .swiper-container', {
					 autoplay :3500,
				        pagination: '.detail_swiper .swiper-pagination',
				        paginationClickable: true
				    });
					
					
					
					  $('.comment_btn').on('click', function(e) {
						  e.stopPropagation()
						  		$('.comment_fixed').addClass('showd');
					        e.preventDefault(); // 阻止默认行为
							setTimeout(function(){
								$('.comment_fixed input').focus().click();
							},300);
					    });
			
						$('.main').on('click', function(e) {
						  		$('.comment_fixed').removeClass('showd');
								e.preventDefault(); // 阻止默认行为
							
					    });
						$('.comment_fixed button').on('click', function(e) {
						  		$('.comment_fixed').removeClass('showd');
								e.preventDefault(); // 阻止默认行为
							
						});
						
					
		
	</script>
</html>
